{% extends 'base.html' %}

{% block title %}用户仪表板 - 维修管理系统{% endblock %}

{% block content %}
<h2>用户仪表板</h2>
<p>欢迎回来, {{ user.username }}!</p>

<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 30px 0;">
    <div style="background: #e8f4f8; padding: 20px; border-radius: 8px; border-left: 4px solid #3498db;">
        <h3>用户信息</h3>
        <p><strong>用户名:</strong> {{ user.username }}</p>
        <p><strong>邮箱:</strong> {{ user.email }}</p>
        <p><strong>姓名:</strong> {{ user.first_name }} {{ user.last_name }}</p>
        {% if user.profile %}
            <p><strong>角色:</strong> {{ user.profile.get_role_display }}</p>
            <p><strong>电话:</strong> {{ user.profile.phone }}</p>
        {% endif %}
    </div>

<div style="background: #f8e8e8; padding: 20px; border-radius: 8px; border-left: 4px solid #e74c3c;">
    <h3>快速操作</h3>
    {% if user.profile.role == 'customer' %}
    <p><a href="{% url 'tickets:ticket_create' %}" class="btn">创建维修工单</a></p>
    <p><a href="{% url 'tickets:ticket_list_mine' %}" class="btn">查看我的工单</a></p>
    {% endif %}
    
    {% if user.profile.role == 'technician' %}
    <p><a href="{% url 'tickets:ticket_list_assigned' %}" class="btn">我的分配工单</a></p>
    {% endif %}
    
    {% if user.is_staff %}
    <p><a href="{% url 'tickets:ticket_list_all' %}" class="btn">管理所有工单</a></p>
    <p><a href="/admin/" class="btn">进入管理后台</a></p>
    <p><a href="/admin/users/profile/" class="btn">管理用户资料</a></p>
    <p><a href="/admin/tickets/ticket/" class="btn">管理维修工单</a></p>
    <p><a href="/admin/assets/asset/" class="btn">管理设备信息</a></p>
    {% endif %}
</div>
</div>

<div style="background: #f9f9f9; padding: 20px; border-radius: 8px; margin: 20px 0;">
    <h3>系统功能</h3>
    <ul>
        <li><strong>用户管理:</strong> 管理用户账户和权限</li>
        <li><strong>工单管理:</strong> 创建和跟踪维修工单</li>
        <li><strong>设备管理:</strong> 维护设备信息和维修历史</li>
        <li><strong>报表统计:</strong> 生成维修统计和分析报告</li>
    </ul>
</div>

<div style="text-align: center; margin-top: 30px;">
    <p>当前时间: {% now "Y年m月d日 H:i:s" %}</p>
</div>
{% endblock %}
